<!DOCTYPE html>
<html>
	<head>
		<title>:: Compra Envios ::</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link type="text/css" href="../css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
		<link type="text/css" href="../css/Home.css" rel="stylesheet" />
		<link type="text/css" href="../css/Principal.css" rel="stylesheet" />
		<script type="text/javascript" src="../js/jquery-1.6.2.min.js"></script>
		<script type="text/javascript" src="../js/jquery-ui-1.8.16.custom.min.js"></script>
		<script type="text/javascript" src="../js/PrincipalJS.js"></script>
		<META NAME="Author" CONTENT="Wayoyo Diseño Web">
		<META NAME="Description" CONTENT="Servicios de envios a Venezuela. Aliado comercial Zoom">
		<META NAME="Keywords" CONTENT="envios, compras,venezuela,envios a venezuela,envios maritimo,maritimo,aereo, usa, ">
		<META NAME="Language" CONTENT="es">
		<META NAME="Copyright" CONTENT="© © 2011 Compraenvios.com - Todos los derechos reservados.">
		<META NAME="Designer" CONTENT="Wayoyo Diseño Web">
		<META NAME="Revisit-After" CONTENT="Select One Days">
		<script type="text/javascript">
		var GlobalTipo;
		function ImagenCargando () {
			$('#CargandoDialog').dialog('open');
		}

		function ExportarExcel() {
			alert("Hola");
     $(".botonExcel").click(function(event) {
     $("#datos_a_enviar").val( $("<div>").append( $("#Exportar_a_Excel").eq(0).clone()).html());
     $("#FormularioExportacion").submit();
});
			}




		$(document).ready(function() {
			  	$("#CargandoDialog").css("visibility", "visible");
				$("#CargandoDialog").dialog({
					autoOpen : false,
					height : 170,
					width : 130,
					modal : true,});
				$("#CargandoDialog").removeClass("ui-dialog-content ui-widget-content"); 
				
				padre = document.getElementsByClassName('ui-dialog-titlebar')[0].parentNode;
				padre.removeChild(document.getElementsByClassName('ui-dialog-titlebar')[0]);	
				
				padre = document.getElementsByClassName('ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se')[0].parentNode;	
				padre.removeChild(document.getElementsByClassName('ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se')[0]);
				
  								term = 1;
				url = "../controlador/Paginacion.php";
				/* Send the data using post and put the results in a div */
				ImagenCargando();
				$.post(url, {pagina : term,valida_busqueda:0}, function(data) {
					$("#div-tabla-usuarios").empty().append(data);
					$('#CargandoDialog').dialog('close');
				});
				
				$(".botonExcel").click(function(event) {
					alert("Hola");
				    $("#datos_a_enviar").val( $("<div>").append( $("#Exportar_a_Excel").eq(0).clone()).html());
				    $("#FormularioExportacion").submit();
				});
				
});

			function CargaTabla (pagina,palabra_a_buscar) {
				url = "../controlador/Paginacion.php";
				/* Send the data using post and put the results in a div */
				valida_busqueda=1;
				pagina=1;
				if (palabra_a_buscar=='') {
					valida_busqueda=0;
				}
				$.post(url, {
					pagina : pagina,valida_busqueda:valida_busqueda,buscarUsuarios:palabra_a_buscar
				}, function(data) {
					$("#div-tabla-usuarios").empty().append(data);
				});
			}

			

			/*	function checkear( o, regexp, n ) {
			 if ( !( regexp.test( o.val() ) ) ) {
			 return false;
			 } else {
			 return true;
			 }
			 }*/

			$(document).ready(function() {

				/*var 		Nombre1 = $( "#Nombre1" ),
				 Nombre2 = $( "#Nombre2" ),
				 Apellido1 = $( "#Apellido1" ),
				 Apellido2 = $( "#Apellido2" ),
				 Email = $("#Email"),
				 Telefono = $("#Telefono"),
				 Organizacion = $("#Organizacion"),
				 Pais = $("#Pais"),
				 Estado = $("#Estado"),
				 Ciudad = $("#Ciudad"),
				 Direccion = $("#Direccion"),

				 allFields2 = $( [] ).add( Nombre1 ).add( Nombre2 ).add( Apellido1 ).add( Apellido2 ).add( Email ).add( Telefono )
				 .add( Organizacion ).add( Pais ).add( Estado ).add( Ciudad ).add( Direccion ),
				 tips = $( ".validateTips" );
				 */
				function updateTips(t) {
					tips.text(t).addClass("ui-state-highlight");
					setTimeout(function() {
						tips.removeClass("ui-state-highlight", 1500);
					}, 500);
				}

				function checkLength(o, n, min, max) {
					if(o.val().length > max || o.val().length < min) {
						o.addClass("ui-state-error");
						updateTips("El " + n + " debe tener entre " + min + " y " + max + " caracteres.");
						return false;
					} else {
						return true;
					}
				}

				function checkRegexp(o, regexp, n) {
					if(!(regexp.test(o.val()) )) {
						o.addClass("ui-state-error");
						updateTips(n);
						return false;
					} else {
						return true;
					}
				}


				$("#UsuarioDialog").css("visibility", "visible");
				$("#UsuarioDialog").dialog({

					autoOpen : false,
					height : 500,
					width : 400,
					modal : true,
					buttons : {
						"Guardar" : function() {
							var bValid = true;

							//	allFields2.removeClass( "ui-state-error" );

							/*	bValid = bValid && checkLength( Nombre1 , "Primer Nombre", 0, 45 ) && checkRegexp( Nombre1, /^([0-9a-zA-Z])+$/, "El campo solo puede tener letras (a-z)y números (0-9)" );
							bValid = bValid && checkLength( Nombre2 , "Segundo Nombre", 0, 45 )&& checkRegexp( Nombre2, /^([0-9a-zA-Z])+$/, "El campo solo puede tener letras (a-z)y números (0-9)" );
							bValid = bValid && checkLength( Apellido1 , "Primer Apellido", 0, 45 ) && checkRegexp( Apellido1, /^([0-9a-zA-Z])+$/, "El campo solo puede tener letras (a-z)y números (0-9)" );
							bValid = bValid && checkLength( Apellido2 , "Segundo Apellido", 0, 45 )&& checkRegexp( Apellido2, /^([0-9a-zA-Z])+$/, "El campo solo puede tener letras (a-z)y números (0-9)" );
							bValid = bValid && checkLength( Email , "Email", 0, 80 );
							bValid = bValid && checkLength( Telefono , "Telefono", 0, 45 );
							bValid = bValid && checkLength( Organizacion , "Organizacion", 0, 45 )&& checkRegexp( Organizacion, /^([0-9a-zA-Z])+$/, "El campo solo puede tener letras (a-z)y números (0-9)" );
							bValid = bValid && checkLength( Pais , "Pais", 0, 45 )&& checkRegexp( Pais, /^([0-9a-zA-Z])+$/, "El campo solo puede tener letras (a-z)y números (0-9)" );
							bValid = bValid && checkLength( Estado , "Ciudad", 0, 45 )&& checkRegexp( Ciudad, /^([0-9a-zA-Z])+$/, "El campo solo puede tener letras (a-z)y números (0-9)" );
							bValid = bValid && checkLength( Direccion , "Direccion", 0, 45 )&& checkRegexp( Direccion, /^([0-9a-zA-Z])+$/, "El campo solo puede tener letras (a-z)y números (0-9)" );
							bValid = bValid && checkRegexp( Email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "Correo Invalido" );
							*/
							// From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
							if(GlobalTipo == 2) {
								Nombre1 = document.getElementById('Nombre1').value;
								Nombre2 = document.getElementById('Nombre2').value;
								Apellido1 = document.getElementById('Apellido1').value;
								Apellido2 = document.getElementById('Apellido2').value;
								Email = document.getElementById('Email').value;
								Telefono = document.getElementById('Telefono').value;
								Organizacion = document.getElementById('Organizacion').value;
								Pais = document.getElementById('Pais').value;
								Ciudad = document.getElementById('Ciudad').value;
								Direccion = document.getElementById('Direccion').value;
								Estado = document.getElementById('Estado').value;

								$.post("EditarUsuario.php", {
									Nombre1 : Nombre1,
									Nombre2 : Nombre2,
									Apellido1 : Apellido1,
									Apellido2 : Apellido2,
									Email : Email,
									Telefono : Telefono,
									Organizacion : Organizacion,
									Pais : Pais,
									Estado : Estado,
									Ciudad : Ciudad,
									Direccion : Direccion
								}, function(data) {
									if(data == '1') {
										alert('Los datos de ' + Nombre1 + ' ' + Apellido1 + ' fueron modificados.');
										location.reload();
									} else {
										alert('Ocurrio un error, intentelo nuevamente');
									}
								});
							} else {
								$(this).dialog("close");
							}

						},
						Cancel : function() {
							$(this).dialog("close");
						}
					},
					close : function() {
						allFields.val("").removeClass("ui-state-error");
						updateTips("Ningún dato es opcional.");
					}
				});

			});
			function AbrirDialogo(email, tipo) {
				GlobalTipo = tipo;
				/*var test = checkear( Email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "Correo Invalido" );
				 if (test){
				 */
				$.post("BuscarUsuario.php", {
					email : email,
					tipo : tipo
				}, function(data) {
					$("#UsuarioDialog").html(data);
				});
				$('#UsuarioDialog').dialog('open');
				/*}else{
				 alert('El correo de este usuario tiene un formato incorrecto.');
				 }*/
			}
			
			function BorrarUsuario(email) {
				
				$.post("../controlador/EliminaUsuario.php", {email : email}, function(data) {
					alert(data);
					window.location.reload();  	
				});				
			}

			function CrearGuia(email) {

			}
		</script>
	</head>
	<body class="fondo">
		<div class="todo">
			<div id="upperBar">
				<div id="centerDiv">
					<span id="opCentrales">
				</div>
			</div>
			<span>
				<div id="main">
					<A HREF="http://www.compraenvios.com"><div id="banner" onclick="location.href='www.compraenvios.com'" ></div> </A>
					<div id="menuBar">
						<div class="MenuItem" onclick="location.href='Usuarios.php'" id ="inicio">
							Ver Usuarios
						</div>
						<div class="MenuItem" id="MenuCenter" onclick="location.href='Guias.php'" >
							Ver Guias
						</div>
						<div class="MenuItem" id="MenuCenter" onclick="location.href='Servicios.html'">
							Opciones
						</div>
						<div class="MenuItem" id="MenuCenter" onclick="location.href='http://www.compraenvios.com/vista/Contactenos.html'">
							Salir
						</div>
					</div>
					<div id="contenido">
						<h2 class="todo">
						<div id="barraBusqueda">
							<div id="barraBusqueda">
								<label for="buscarUsuarios">Buscar</label>
								<input type="text" placeholder="Buscar" onkeyup="CargaTabla('0',this.value)" id="buscarUsuarios" name="buscarUsuarios" value="" />
								<input type="submit" id="botonBuscar" value="Buscar" class="button_buscar" />
							</div>
						</div></h2>
						<h2 class="todo"  width="800px" height="380px"><span style="font-size: 16px">
							
							
							
							<div class="tabla" id="div-tabla-usuarios">	</div> 
							</span>
							</h2>
					</div>
					<div id="lowerBar">
						<div id="lowerCenterDiv">
							© 2011 compraenvios.com - Todos los derechos reservados. || Designed by: Wayoyo Diseño Web
						</div>
					</div>
				</div>
				<div id="UsuarioDialog" title="Control de Usuarios">
					<p class="validateTips">
						Ningún dato es opcional.
					</p>
					<form>
						<fieldset>
							<table border="1px">
								<tr>
									<td><label for="Nombre1">Primer Nombre</label></td>
									<td>
									<input type="text" name="Nombre1" id="Nombre1" class="text ui-widget-content ui-corner-all"/>
									</td>
								</tr>
								<tr>
									<td><label for="Nombre2">Segundo Nombre</label></td>
									<td>
									<input type="text" name="Nombre2" id="Nombre2" class="text ui-widget-content ui-corner-all"/>
									</td>
								</tr>
								<tr>
									<td><label for="Apellido1">Primer Apellido</label></td>
									<td>
									<input type="text" name="Apellido1" id="Apellido1" class="text ui-widget-content ui-corner-all" />
									</td>
								</tr>
								<tr>
									<td><label for="Apellido2">Segundo Apellido</label></td>
									<td>
									<input type="text" name="Apellido2" id="Apellido2" class="text ui-widget-content ui-corner-all" />
									</td>
								</tr>
								<tr>
									<td><label for="Email">Correo Electronico</label></td>
									<td>
									<input type="text" name="Email" id="Email" class="text ui-widget-content ui-corner-all" />
									</td>
								</tr>
								<tr>
									<td><label for="Telefono">Telefono</label></td>
									<td>
									<input type="text" name="Telefono" class="text ui-widget-content ui-corner-all" />
									</td>
								</tr>
								<tr>
									<td><label for="Organizacion">Organizacion</label></td>
									<td>
									<input type="text" name="Organizacion" id="Organizacion" class="text ui-widget-content ui-corner-all" />
									</td>
								</tr>
								<tr>
									<td><label for="Pais">Pais</label></td>
									<td>
									<input type="text" name="Pais" id="Pais" class="text ui-widget-content ui-corner-all" />
									</td>
								</tr>
								<tr>
									<td><label for="Estado">Estado</label></td>
									<td>
									<input type="text" name="Estado" id="Estado" class="text ui-widget-content ui-corner-all" />
									</td>
								</tr>
								<tr>
									<td><label for="Ciudad">Cuidad</label></td>
									<td>
									<input type="text" name="Ciudad" id="Ciudad" class="text ui-widget-content ui-corner-all" />
									</td>
								</tr>
								<tr>
									<td><label for="Direccion">Direccion</label></td>
									<td>
									<input type="text" name="Direccion" id="Direccion" class="text ui-widget-content ui-corner-all" />
									</td>
								</tr>
							</table>
						</fieldset>
					</form>
				</div>
				<div id="CargandoDialog"><img src="../imagenes/cargando.gif" /></div>
	</body>
</html>